<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			img{
				position: relative;
				animation-name: mymove;
				animation-duration: 5s;
				-webkit-animation-name: mymove;
				-webkit-animation-duration: 5s;
			}
			@keyframes mymove{
				from{left:0px; width: 200px;}
				to{left: 200px; width: 400px;}
			}
			@-webkit-keyframes mymove{
				from{left:0px; width: 200px;}
				to{left: 200px; width: 400px;}
			}
		</style>
	</head>
	<body>
		<img src="../img/box.jpg">
	</body>
</html>
